<template>
	<!-- 底部赞助商 -->
	<view class="flex flex-column align-center py-5 mt-3 w-100" :style="{ backgroundColor: bgColor,height:bgHeight,position:bgPostion}">
		<!-- <view class="flex " :class="screenWidth<480?'font-sm':'font-lg'">
			<view class="item" @click="clickIndex()">店铺主页</view>
			<view class="item" @click="clickMy()">个人中心</view>
			<view class="item" @click="focus_usClick()">关注我们</view>
			<view class="item" style="border: none;">店铺信息</view>
		</view> -->
		<view class="flex flex-column align-center mt-4">
			<view class="" :style="screenWidth<480?'width: 100rpx; height: 100rpx;':'width: 200rpx; height: 200rpx;'">
				<image :src="Domain_ICON+'/sponsor.jpg'" mode="" class="img"></image>
			</view>
			<!-- <view class="flex align-center justify-center mt-1">
				<uni-icons type="hand-up-filled" size="20"></uni-icons>
				<text class="font-sm" style="color: #ccc;">***提供技术支持</text>
			</view> -->
		</view>
		<view class="mask text-white" v-if="focus_us" @click="focus_usClick()">
			<view class="flex flex-column align-center">
				<view class="" style="width: 300rpx;height: 300rpx;margin-top: 100rpx;">
					<image src="/static/icon/gzwm.jpg" mode="aspectFit" class="img"></image>
				</view>
				<view class="" style="margin-top: 40rpx;">
					长按图片【识别二维码】关注公众号
				</view>
				<view class="" style="width:90%;border-top: 4rpx solid #eeeeee99;margin-top: 40rpx;">
					
				</view>
			</view>
			<view class="flex flex-column align-center">
				<view class="my-2 font-lg">
					你还可以
				</view>
				<view class="flex flex-column " style="align-items: flex-start;">
					<view class="my-2">
						1.打开微信，点击“添加朋友
					</view>
					<view class="my-2">
						2.点击“公众号”
					</view>
					<view class="my-2">
						3.搜索公众号:
					</view>
					<view class="my-2">
						4.点击“关注”，完成
					</view>
				</view>
				
			</view>
			
		</view>
	</view>
</template>

<script>
	const app = getApp();
	export default {
		components: { //轮播图组件
		},
		props: {
			bgColor: {
				type: String,
				default: "#fff"
			},
			bgHeight: {
				type: String,
				default: '500rpx'
			},
			sonfollowUs: {
				type: Boolean,
				default: false,
			},
			bgPostion: {
				type: String,
				default: 'static',
			}
		},
		data() {
			return {
				Domain_ICON: app.globalData.Domain_ICON,
				fafollowUs: false,
				focus_us:false,
				screenWidth: uni.getSystemInfoSync().windowWidth,
			}
		},
		watch: {
			sonfollowUs: function(e) {
				this.fafollowUs = e;
			}
		},
		onLoad() {},
		methods: {
			clickIndex() {
				uni.reLaunch({
					url: '/pages/index/index'
				})
			},
			clickMy(){
				uni.navigateTo({
					url:'/pages/my/my'
				})
			},
			focus_usClick(){
				this.focus_us=!this.focus_us
			}
		}
	}
</script>

<style lang="scss" scoped>
	.item {
		padding: 0 20rpx;
		border-right: 2rpx solid #ccc;
		line-height: 25rpx;
	}
	.mask{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #00000099;
		z-index: 1200;

	}
</style>